* {
  margin: 0;
  padding: 0;
  list-style: none;
  margin: 0 auto; }

header {
  width: 100%;
  height: 78px;
  background: black; }
  header ul {
    width: 873px; }
    header ul li {
      height: 58px;
      line-height: 78px;
      font-size: 12px;
      width: 15%;
      float: left;
      color: white;
      text-align: center; }

section {
  width: 100%; }
  section img {
    width: 100%;
    height: 676px; }

.banner {
  width: 100%;
  height: 676px; }
  .banner p:nth-of-type(1) {
    text-align: center;
    margin-top: -394px;
    font-size: 48px;
    z-index: 99;
    color: #e8f5ff;
    font-family: Arial Rounded MT bold; }
    .banner p:nth-of-type(1) span {
      font-size: 48px;
      color: #F1C40F; }
  .banner p:nth-of-type(2) {
    text-align: center;
    margin-top: 30px;
    font-size: 48px;
    z-index: 99;
    color: #e8f5ff; }
  .banner .gdt {
    position: relative;
    top: 180px;
    width: 240px;
    height: 4px; }
    .banner .gdt .aa {
      width: 74px;
      height: 4px;
      background: #F1C40F;
      float: left;
      margin-right: 6px;
      border-radius: 2px; }
    .banner .gdt .ab {
      width: 74px;
      height: 4px;
      background: #afafad;
      float: left;
      margin-right: 6px;
      border-radius: 2px; }
    .banner .gdt .ac {
      width: 74px;
      height: 4px;
      background: #afafad;
      float: left;
      border-radius: 2px; }

.nr1 {
  margin-top: 190px;
  width: 100%;
  height: 362px; }
  .nr1 img {
    width: 100%;
    height: 362px;
    z-index: 1; }
  .nr1 p:nth-of-type(1) {
    z-index: 99;
    font-size: 40px;
    margin-top: -300px;
    color: black; }
  .nr1 p:nth-of-type(2) {
    margin-top: 20px;
    z-index: 99;
    font-size: 12px;
    color: #748890; }
  .nr1 p:nth-of-type(3) {
    margin-top: 20px;
    text-align: center;
    z-index: 99;
    font-size: 12px;
    color: #748890; }
  .nr1 p:nth-of-type(4) {
    margin-top: 20px;
    text-align: center;
    z-index: 99;
    font-size: 12px;
    color: #748890; }
  .nr1 p:nth-of-type(5) {
    margin-top: 20px;
    text-align: center;
    z-index: 99;
    font-size: 12px;
    color: #748890; }
  .nr1 .more {
    position: relative;
    margin-top: 20px;
    z-index: 99;
    width: 164px;
    height: 36px;
    border: 1px solid #727271;
    border-radius: 5px; }
    .nr1 .more p {
      position: relative;
      top: 308px;
      color: #748890;
      font-size: 14px; }

.nr2 {
  width: 100%;
  height: 688px;
  background: #121212; }
  .nr2 .p {
    width: 44px;
    height: 30px;
    border-bottom: 3px solid orange;
    position: absolute;
    padding-top: 92px;
    left: 328px; }
    .nr2 .p p {
      margin-top: 0;
      font-size: 22px;
      color: #F1C40F; }
  .nr2 .more1 {
    width: 86px;
    height: 32px;
    border: 1px solid #5d5d5c;
    border-radius: 2px;
    position: absolute;
    right: 300px;
    margin-top: 100px; }
    .nr2 .more1 p {
      font-size: 14px;
      margin-top: 0;
      color: #F1C40F;
      line-height: 32px; }
